<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../css/person/focuson.css">
    <link rel="stylesheet" href="../../css/person/images/datepicker3.css" type="text/css">
</head>

<body>
    <!--导航-->
    <div class="container-fluid">
        <!-- 使页面铺满整个屏幕 -->
        <div class="row">
            <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-brand" style="margin-left:10px">
                        <img src="img" href="#"></a>
                    </div>
                    <div class="navbar-brand" style="margin-left:10px">
                        <form class="form-horizontal" role="form">
                            <div class="form-group has-feedback">
                                <div class="modal-md">
                                    <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                    <input id="search" type="text" class="form-control input-lg" placeholder="搜'柴犬'试试">
                                </div>
                            </div>
                        </form>
                    </div>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="pure-menu-selected"><a href="../index.html" class="mynav-underline-active"><b>首页</b></a></li>
                        <li><a href="#" class="nav-underline"><b>论坛</b></a></li>
                        <li><a href="#" class="nav-underline"><b>宠物动态</b></a></li>
                        <li><a href="#" class="nav-underline"><b>二手市场</b></a></li>
                        <li><a href="#" class="nav-underline"><b>趣味专区</b></a></li>
                        <li><a href="#" class="nav-underline"><b>消息中心</b></a></li>
                        <li><a href="person.html" class="nav-underline"><b>我的</b></a></li>

                    </ul>
                </div>
            </nav>

        </div>
    </div>

    <!-- 主体部分 -->
    <div class="container" style="margin-top: 61px;width: 1015px">
        <div class="userinfo user">
            <div class="myart">
                <p class="person" id="userinfo_head1">个人资料</p>
                <p id="userinfo_head2">宠物信息</p>
            </div>

            <div id="block1">
                <div class="thumb">
                    <img src="../../imgs/person/tx.jpg" style="width: 120px;
                        height: 120px;border-radius: 50%;">
            </div>

                <!-- <div class="form-group">
                        <label class="sr-only" for="inputfile">文件输入</label>
                        <input type="file" id="inputfile">
                    </div> -->
                <div class="thumbinfo">
                    <label title="上传图片" for="inputImage" class="btn btn-default btn-xs">
                            <input type="file" accept="image/*" name="file" id="inputImage" class="hide"> 上传新图片
                    </label>
                    <p>（上传格式仅为JPEG、PNG格式： 800KB以内）</p>
                </div>

                <form class="form-horizontal col-md-offset-3" role="form">
                            <h5 class="form-title"> <b>个人基本资料</b></h5>
                    <!-- <p>基本信息</p> -->
                    <div class="form-group">
                        <label for="firstname" class="col-sm-2 control-label">昵称</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="firstname" placeholder="请输入名字">
                        </div>
                    </div>
                    <div class="form-group" id="data">
                        <label for="lastname" class="col-sm-2 control-label">生日</label>
                        <div class="col-sm-5">
                            <!-- <input type="text" class="form-control" id="lastname" placeholder="请输入生日"> -->
                            <div class="input-group date">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                <input type="text" class="form-control" value="2019-11-11">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">性别</label>
                        <div class="col-sm-2">
                            <div class="checkbox">
                                <label>
                                    <input type="radio" name="optionsRadiosinline" id="opt1" value="option1" checked>男 
                                </label>
                                <label>
                                    <input type="radio" name="optionsRadiosinline" id="opt2" value="option2">女 
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                            <label for="lastname" class="col-sm-2 control-label">地区</label>
                            <div class="col-sm-3">
                                <!-- <select class="form-control"> -->
                                    <select data-placeholder="选择省份..." class="form-control">
                                        <option value="">请选择省份</option>
                                        <option value="110000" hassubinfo="true">北京</option>
                                        <option value="120000" hassubinfo="true">天津</option>
                                        <option value="130000" hassubinfo="true">河北省</option>
                                        <option value="140000" hassubinfo="true">山西省</option>
                                        <option value="150000" hassubinfo="true">内蒙古自治区</option>
                                        <option value="210000" hassubinfo="true">辽宁省</option>
                                        <option value="220000" hassubinfo="true">吉林省</option>
                                        <option value="230000" hassubinfo="true">黑龙江省</option>
                                        <option value="310000" hassubinfo="true">上海</option>
                                        <option value="320000" hassubinfo="true">江苏省</option>
                                        <option value="330000" hassubinfo="true">浙江省</option>
                                        <option value="340000" hassubinfo="true">安徽省</option>
                                        <option value="350000" hassubinfo="true">福建省</option>
                                        <option value="360000" hassubinfo="true">江西省</option>
                                        <option value="370000" hassubinfo="true">山东省</option>
                                        <option value="410000" hassubinfo="true">河南省</option>
                                        <option value="420000" hassubinfo="true">湖北省</option>
                                        <option value="430000" hassubinfo="true">湖南省</option>
                                        <option value="440000" hassubinfo="true">广东省</option>
                                        <option value="450000" hassubinfo="true">广西壮族自治区</option>
                                        <option value="460000" hassubinfo="true">海南省</option>
                                        <option value="500000" hassubinfo="true">重庆</option>
                                        <option value="510000" hassubinfo="true">四川省</option>
                                        <option value="520000" hassubinfo="true">贵州省</option>
                                        <option value="530000" hassubinfo="true">云南省</option>
                                        <option value="540000" hassubinfo="true">西藏自治区</option>
                                        <option value="610000" hassubinfo="true">陕西省</option>
                                        <option value="620000" hassubinfo="true">甘肃省</option>
                                        <option value="630000" hassubinfo="true">青海省</option>
                                        <option value="640000" hassubinfo="true">宁夏回族自治区</option>
                                        <option value="650000" hassubinfo="true">新疆维吾尔自治区</option>
                                        <option value="710000" hassubinfo="true">台湾省</option>
                                        <option value="810000" hassubinfo="true">香港特别行政区</option>
                                        <option value="820000" hassubinfo="true">澳门特别行政区</option>
                                        <option value="990000" hassubinfo="true">海外</option>
                                    </select>
                            </div>
                            <div class="col-sm-2">
                                    <select class="form-control">
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select>
                                </div>
                    </div>
                    
                    <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">个人简介</label>
                            <div class="col-sm-5">
                                <textarea class="form-control" rows="3"></textarea>
                            </div>
                    </div>


                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">保存修改</button>
                        </div>
                    </div>

                    <p style="height: 50px"></p>
                   
                </form>
            </div>



            <div  id="block2" style="display:none;">
                    <div class="thumb">
                            <img src="../../imgs/person/tx.jpg" style="width: 120px;
                                height: 120px;border-radius: 50%;">
        
                        </div>
                        <div class="thumbinfo">
                            <label title="上传图片" for="inputImage" class="btn btn-default btn-xs">
                                    <input type="file" accept="image/*" name="file" id="inputImage" class="hide"> 上传新图片
                            </label>
                            <p>（上传格式仅为JPEG、PNG格式： 800KB以内）</p>
                        </div>
        
                        <form class="form-horizontal col-md-offset-3" role="form">
                                    <h5 class="form-title"> <b>宠物资料</b></h5>
                            <!-- <p>基本信息</p> -->
                            <div class="form-group">
                                <label for="firstname" class="col-sm-2 control-label">昵称</label>
                                <div class="col-sm-5">
                                    <input type="text" class="form-control" id="firstname" placeholder="请输入名字">
                                </div>
                            </div>
                            <div class="form-group" id="data">
                                <label for="lastname" class="col-sm-2 control-label">生日</label>
                                <div class="col-sm-5">
                                    <!-- <input type="text" class="form-control" id="lastname" placeholder="请输入生日"> -->
                                    <div class="input-group date">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        <input type="text" class="form-control" value="2019-11-11">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="lastname" class="col-sm-2 control-label">性别</label>
                                <div class="col-sm-2">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox">公 
                                        </label>
                                        <label>
                                            <input type="checkbox">母 
                                        </label>
                                    </div>
                                </div>
                            </div>
        
                            <div class="form-group">
                                    <label for="lastname" class="col-sm-2 control-label">品种</label>
                                    <div class="col-sm-2">
                                        <select class="form-control">
                                            <option>泰迪</option>
                                            <option>柴犬</option>
                                            <option>金毛</option>
                                            <option>边牧</option>
                                            <option>其他</option>
                                        </select>     
                                    </div>
                                    <div class="col-sm-2">
                                            <select class="form-control">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                        </div>
                            </div>
                            
        
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-5" style="text-align: right">
                                    <button type="submit" class="btn btn-default">提交</button>
                                    <button type="submit" class="btn btn-danger">删除</button>
                                </div>
                            </div>
                           
                        </form>
                        <p style="height: 50px"></p>
                    </div>

                    <div class="clear"></div>
        </div>
    </div>


    <script src="../../plugins/jquery/jquery.min.js"></script>
    <script src="../../js/person/person.js"></script>
    <script src="../../js/person/images/bootstrap-datepicker.js"></script>
</body>

</html>